<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录失败</title>
  <style>
    /* 全局样式 */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .success-message {
      background-color: white;
      padding: 2rem;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      text-align: center;
      width: 100%;
      max-width: 400px;
    }

    .success-message h3 {
      color: #333;
      margin-bottom: 1rem;
    }

    .success-message p {
      color: #555;
      margin-bottom: 2rem;
    }

    .success-message a {
      display: inline-block;
      padding: 0.75rem 1.5rem;
      font-size: 1rem;
      color: white;
      background-color: #28a745;
      border: none;
      border-radius: 4px;
      text-decoration: none;
      transition: background-color 0.3s ease;
    }

    .success-message a:hover {
      background-color: #218838;
    }

    /* 响应式设计 */
    @media (max-width: 600px) {
      .success-message h3 {
        font-size: 1.5rem;
      }

      .success-message a {
        font-size: 0.9rem;
        padding: 0.6rem 1.2rem;
      }
    }

    #currentTime {
      font-size: 24px;
      font-weight: bold;
      color: #333;
    }
  </style>
</head>
<body>
<div class="success-message">
  <h3>遗憾，登录失败！</h3>
  <p id="currentTime">加载中...</p>

  <script>
    // 获取并显示当前时间
    function displayCurrentTime() {
      const timeElement = document.getElementById("currentTime");
      const now = new Date(); // 获取当前时间

      // 格式化时间：YYYY-MM-DD HH:mm:ss
      const formattedTime = now.toLocaleString("zh-CN", {
        year: "numeric",
        month: "2-digit",
        day: "2-digit",
        hour: "2-digit",
        minute: "2-digit",
        second: "2-digit",
      });

      timeElement.textContent = `当前时间：${formattedTime}`;
    }

    // 显示当前时间
    displayCurrentTime();

    // 每秒更新一次时间
    setInterval(displayCurrentTime, 1000);
  </script>
</div>
</body>
</html>